import router from './router'
import store from './store'
import { Message } from 'element-ui'

router.beforeEach(async(to, from, next) => {
  // 定义token,跳转地址,地址白名单
  const token = store.getters.token
  const url = to.path
  const whiteList = ['/login', '/404']

  // 有token且跳转地址不是登录页,放行
  if (token && url !== '/login') {
    console.log(13, store.state.user.userInfo)
    if (!store.state.user.userInfo.userId) {
      await store.dispatch('user/getUserInfo')
      // 根据登录用户的角色权限添加动态路由
      const routes = await store.dispatch('permission/getRouter', store.state.user.userInfo.roles.menus)
      router.addRoutes([...routes, // 404 page must be placed at the end !!!
        { path: '*', redirect: '/404', hidden: true }])
      next(to.path)
      return
    }
    next()
  }

  // 有token且跳转地址是登录页,跳转到主页
  if (token && url === '/login') {
    Message.warning('已登录,跳转到主页')
    next('/')
  }

  // 无token且跳转地址在白名单,放行
  if (!token && whiteList.includes(url)) {
    next()
  }

  // 无token且跳转地址不在白名单,跳转到登录页
  if (!token && !whiteList.includes(url)) {
    Message.warning('未登录,请登录')
    next('/login')
  }
//   if (store.getters.token) {
//     // 有token,去登录页要跳转到主页
//     if (to.path === '/login') {
//       Message.warning('已登录,跳转到主页')
//       next('/')
//     } else {
//       // 其他页面直接放行
//       next()
//     }
//   } else {
//     // 无token
//     const whiteList = ['/login', '/404']
//     if (whiteList.includes(to.path)) {
//     // if (whiteList.indexOf(to.path) !== -1) {
//       // 去白名单中的网页直接放行
//       next()
//     } else {
//       // 跳转到登录页
//       Message.warning('未登录,请登录')
//       next('/login')
//     }
//   }
})
